/** element内置黑暗主题 */
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

/** 自定义黑暗主题 */
html.dark {
  // * admin
  background-color: #141414;
  img,
  .dark-img-bg {
    // filter: brightness(0.8) saturate(1.25);
    filter: drop-shadow(2px 2px 6px #409eff);
  }
  // scroll-bar
  ::-webkit-scrollbar {
    background-color: var(--el-scrollbar-bg-color) !important;
    width: 13px;
    height: 13px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--el-border-color-darker) !important;
    background-clip: padding-box;
    border: 3px solid transparent;
    border-radius: 7px;
  }
  .el-switch__core {
    border: 1px solid #4c4d4f !important;
  }

  .el-switch__action {
    background-color: #141414 !important;
    transition: all 0.3s !important;
  }

  .el-icon svg {
    color: rgba(255, 255, 245, 0.86) !important;
  }
}
